/*
 * Copyright (c) 2010-2021 Contributors to the Eclipse Foundation
 * 
 * See the NOTICE file(s) distributed with this work for additional
 * information regarding copyright ownership.
 * 
 * This program and the accompanying materials are made available under the
 * terms of the Eclipse Public License 2.0 which is available at
 * http://www.eclipse.org/legal/epl-2.0
 * 
 * SPDX-License-Identifier: EPL-2.0
 */

/* RadioButton
 * 
 * Styling RadioButton mainly includes:
 * 
 * 1. Containers
 * 		.dijitRadio|.dijitRadioIcon - for border, padding, width|height and background image
 * 
 * 2. RadioButton within ToggleButton
 * 		.dijitToggleButton|.dijitToggleButtonChecked .* - for background image
 * 
 * 3. Checked state
 * 		.dijitRadioChecked - for checked background-color|image
 * 		.dijitToggleButtonChecked - for border, background-color|image, display and width|height
 * 
 * 4. Hover state
 * 		.dijitRadioHover|.dijitRadioCheckedHover - for background image
 * 
 * 5. Disabled state
 * 		.dijitRadioDisabled|.dijitRadioCheckedDisabled - for background image
 */
.oneui .dijitToggleButton .dijitRadio, .oneui .dijitToggleButton .dijitRadioIcon {
  background-image: url('images/checkboxRadioButtonStates.png');
}
.dj_ie6 .oneui .dijitToggleButton .dijitRadio, .dj_ie6 .oneui .dijitToggleButton .dijitRadioIcon {
  background-image: url('images/checkboxRadioButtonStates8bit.png');
}
.oneui .dijitRadio, .oneui .dijitRadioIcon {
  /* inside a toggle button */

  background-image: url('images/checkboxRadioButtonStates.png');
  /* checkbox sprite image */

  background-repeat: no-repeat;
  width: 14px;
  height: 14px;
  margin: 0 2px 0 0;
  padding: 0;
}
.dj_ie6 .oneui .dijitRadio, .dj_ie6 .oneui .dijitRadioIcon {
  /* inside a toggle button */

  background-image: url('images/checkboxRadioButtonStates8bit.png');
  /* checkbox sprite image */

}
.oneui .dijitRadio {
  /* unselected */

  background-position: -209px;
  overflow: visible;
}
.oneui .dijitToggleButton .dijitRadioIcon {
  /* unselected */

  background-position: -209px;
}
.oneui .dijitRadioDisabled {
  /* unselected and disabled */

  background-position: -225px;
}
.oneui .dijitRadioHover {
  /* hovering over an unselected enabled radio button */

  background-position: -257px;
}
.oneui .dijitRadioChecked {
  background-position: -193px;
}
.oneui .dijitToggleButtonChecked .dijitRadioIcon {
  background-position: -193px;
}
.oneui .dijitRadioCheckedHover {
  background-position: -241px;
}
.oneui .dijitRadioCheckedDisabled {
  /* selected but disabled */

  background-position: -193px;
  opacity: 0.3;
}
